﻿
<link href="Sheet.css?ver={$version}" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/Utility/CoreScripts/jquery.qrcode.min.js?ver={$version}"></script>
        <div class="navi-bar">
            <a href="/" class="nav-txt">首页</a> &gt; <a href="/courses.ashx" class="nav-txt">课程中心</a>
            &gt;
            <vt:foreach from="$parentsbjs" item="s" index="i" remark="当前课程专业"> <a href="/courses.ashx?sbjid={$:#.s.sbj_id}"  class="nav-txt">{$:#.s.sbj_name}</a> &gt; </vt:foreach>
            <span class="nav-txt">
                <vt:if var="course.cou_name" value="" compare="!="> {$course.cou_name}
      <vt:else/>
      (当前课程不存在，可能是参数引用错误) </vt:if>
            </span>
        </div>
        <div id="couHead">
            <div class="photo">
              <vt:if var="course.cou_logo" value="" compare="=" remark="课程图片">
                <img src="../../images/cou_nophoto.jpg" background-size: 100%;"/>
                 <vt:else/>
                   <img src="{$course.cou_logo}" default="../../images/cou_nophoto.jpg" 
                style="background: url({$course.cou_logo}) no-repeat center; background-size: 100%;"/>
                 </vt:if>
                </div>
            <div class="headRight">
                <div class="couName">
                    <vt:if var="course.cou_name" value="" compare="!="> {$course.cou_name}
          <vt:else/>
          (当前课程不存在，或课程被暂停学习) </vt:if>
                </div>
                <div class="headinfo">
                <div class="couNum headrow">
                    <span>关注次数：</span>{$course.cou_viewNum}
                </div>
               
                    <div id="course-qrcode"></div>
                
                <div class="couTeacer headrow">
                    <span>主讲老师： </span>{$course.th_name}
                </div>
                <div class="bdsharebuttonbox">
                    <a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone"
                        title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">
                    </a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren"
                        data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin"
                            title="分享到微信"></a>
                </div>
                <script type="text/javascript" language="javascript">                    window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "24" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)]; 
                </script>
                </div>
                <div class="couMoney headrow">
                    <span>学习费用：</span>
                    <vt:if var="course.cou_isfree" value="true" compare="=">
                     <span class="moneyfree"><span class="moneyico">&#xe746;</span> <span> 免费</span></span>
                    
          <vt:else/>
          <vt:if var="course.Cou_IsLimitFree" value="true" compare="=" remark="限时免费">
                    <span class="moneyfree"><span class="moneyico">&#xe746;</span> <span> 限时免费</span>（{$course.Cou_FreeStart format="yyyy/M/d"} - {$course.Cou_FreeEnd format="yyyy/M/d"}）</span>
                    <vt:else/>
                      <vt:function var="price" method="getCoursePrice" args="$course.cou_uid"/>
          <vt:foreach from="$price" item="p" index="i" remark="当前课程价格"> <span class="money" title="可以用券抵扣{$:#.p.CP_Coupon}元"><span class="moneyico money-ico">&#xe624;</span> <span class="p-num">{$:#.p.CP_Price}元</span> <span class="p-span">/{$:#.p.CP_Span}</span> <span class="p-unit">{$:#.p.CP_Unit}</span> </span>
            <vt:foreachelse/>
            <span class="money">未设置价格（非免费课程）</span> </vt:foreach>
                      </vt:if>
         
        </vt:if>
                </div>
                
                <div class="couBtnBox">
                    <!--按钮开始-->
                    <vt:if var="Account.Ac_id" value="0" compare=">">
                     <vt:if var="course.cou_name" value="" compare="!=">
          <vt:if var="isStudy" value="True" compare="=" remark="如果已经在学习了">          
              <div class="couBtn"> <a href="CourseStudy.ashx?couid={$course.cou_id}" target="_blank" class="bvr_mr" title="开始学习">开始学习</a></div>         
            <vt:else/>
             <vt:if var="course.cou_isfree" value="true" compare="=" remark="课程免费">
             <div class="couBtn"> <a href="CourseStudy.ashx?couid={$course.cou_id}" target="_blank" class="bvr_mr" title="开始学习">开始学习</a></div>
              <vt:else/>
               <vt:if var="course.Cou_IsLimitFree" value="true" compare="=" remark="限时免费">
                <div class="couBtn btn1 study"> <a href="CourseStudy.ashx?couid={$course.cou_id}" target="_blank" class="bvr_mr" title="开始学习">开始学习</a></div>
                 <div class="couBtn btn2"> <a href="CourseBuy.ashx?couid={$course.cou_id}" isPass="{$Account.Ac_isPass}" state="noSelected" target="_blank" title="选修该课程">选修该课程</a> </div>
                <vt:else/>
                <vt:if var="course.Cou_IsTry" value="true" compare="=" remark="可以试学">
                <div class="couBtn btn1 study"> <a href="CourseStudy.ashx?couid={$course.cou_id}" target="_blank" class="bvr_mr" title="试学">试学</a></div>
                 <div class="couBtn btn2"> <a href="CourseBuy.ashx?couid={$course.cou_id}" isPass="{$Account.Ac_isPass}" state="noSelected" target="_blank" title="选修该课程">选修该课程</a> </div>
                 <vt:else/>
                <div class="couBtn"> <a href="CourseBuy.ashx?couid={$course.cou_id}" isPass="{$Account.Ac_isPass}" state="noSelected" target="_blank" title="选修该课程">选修该课程</a> </div>
                </vt:if>
               </vt:if>
             </vt:if>
            </vt:if>
          </vt:if>
          <vt:else/>
          <div class="couBtn"> <a href="student/index.ashx" title="请选登录">登录学习</a></div>
        </vt:if>
                    <!--按钮结束-->
                </div>
            </div>
        </div>
        <div id="details">
            <div id="LeftBox" class="tabArea">
                <div class="boxBar tab-bar">
                    <div class="title">
                        课程介绍</div>
                    <div class="title">
                        课程章节<a name="study" id="study">&nbsp;</a></div>
                  
                    <div class="title">
                        课程公告</div>
                    <div class="title">
                        交流咨询</div>
                </div>
                <div class="tab-context">
                    <!--课程介绍-->
                    <div class="introBox">
                     <vt:function var="intro" method="ClearHtml" args="$course.Cou_Target" />
                     <vt:if var="intro" value="" compare="!="  remark="学习目标">
                    <span>学习目标：</span>                   
                    <div class="couIntro"> {$course.Cou_Target}</div>
                    </vt:if> 
                        {$course.cou_intro}
                    </div>
                    <!--章节列表-->
                    <div class="itemList">
                        <div class="outline">
                            <vt:foreach from="$#.olTree" item="d" index="i" remark="章节">
              <vt:expression var="indent" args="$d.ol_level" args="20" expression="{0}*{1}" />
              <div class="olitem" olid="{$:#.d.ol_id}" style="padding-left:{$:indent}px"><span class="ol_name">{$:#.d.ol_xpath}
              <vt:if var="d.ol_islive" value="true" compare="=" remark="直播">
                 <div class="live" title="直播课"></div>
                 </vt:if>
              {$:#.d.ol_name}</span>
                <vt:if var="d.ol_isfinish" value="false" compare="="  remark="是否完结">
                 <span class="obtn disable">未完结</span>
                  <vt:else />                  
                <vt:if var="isStudy" value="true" compare="="  remark="是否已经选修">
                 <span class="obtn enable"><a href="CourseStudy.ashx?olid={$:#.d.ol_id}&couid={$course.cou_id}">学习 </a></span>
                  <vt:else />
                  <vt:if var="course.Cou_IsFree" value="true" compare="="  remark="如果未选修，但是课程免费"> 
                  <span class="obtn enable"><a href="CourseStudy.ashx?olid={$:#.d.ol_id}&couid={$course.cou_id}">免费 </a></span>
                    <vt:else />
                    <vt:if var="course.Cou_IsLimitFree" value="true" compare="="  remark="课程不免费，但处在限时免费中"> 
                    <span class="obtn enable"><a href="CourseStudy.ashx?olid={$:#.d.ol_id}&couid={$course.cou_id}">免费 </a></span>
                     <vt:else />
                     <vt:if var="course.Cou_IsTry" value="true" compare="="  remark="是否允许试学">                    
                    <vt:if var="d.Ol_IsFree" value="true" compare="="  remark="可以试学">
                     <span class="obtn enable"><a href="CourseStudy.ashx?olid={$:#.d.ol_id}&couid={$course.cou_id}">试学 </a></span>
                    <vt:else />
                    <span class="obtn buy"><a href="CourseBuy.ashx?couid={$course.cou_id}">购买</a></span>
                  </vt:if> <vt:else />
                   <span class="obtn buy"><a href="CourseBuy.ashx?couid={$course.cou_id}">购买</a></span>
                   </vt:if>
                    </vt:if>
                  </vt:if>
                </vt:if>
                 </vt:if>
              </div>
            </vt:foreach>
                        </div>
                    </div>
                  
                    <!--课程公告-->
                    <div>
                        <ul class="guides">
                            <vt:foreach from="$#.guides" item="data" index="i" remark="课程公告">
              <li><a href="Guide.ashx?id={$:#.data.gu_id}" target="_blank">{$:#.data.gu_title}</a></li>
              <vt:foreachelse>
               </vt:foreach>
                        </ul>
                    </div>
                    <!--咨询交流-->
                    <div>
                        <iframe id="MessageBoardIframe" src="MessageBoards.ashx?couid={$:#.course.cou_id}"
                            width="98%" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0"
                            onload="iFrameHeight()"></iframe>
                        <script type="text/javascript" language="javascript">

                            function iFrameHeight() {
                                var ifm = document.getElementById("MessageBoardIframe");
                                var subWeb = document.frames ? document.frames["MessageBoardIframe"].document : ifm.contentDocument;
                                if (ifm != null && subWeb != null) {
                                    ifm.height = subWeb.body.scrollHeight+60;
                                }
                            }

                        </script>
                    </div>
                </div>
            </div>
            <div id="RightBox">
            <vt:if var="th.th_name" value="" compare="!=">
                <div class="box">
                    <div class="boxBar">
                        <div class="title">
                            主讲老师</div>
                    </div>
                    <div id="teacher">
                        <img class="thImg" src="{$th.th_photo}" default="../../Images/noPhoto.jpg" href="/teacher/Detail.ashx?id={$:#.data.th_id}" />
                        <div class="thRight">
                            <div class="thTop">
                                <div class="thName">
                                    {$th.th_name}</div>
                                <div class="thTitle">
                                    {$th.ths_name}</div>
                            </div>
                        </div>
                    </div>
                    <div class="signature">
                        {$th.th_signature}</div>
                </div>
                 </vt:if>
                
                
                <div class="box">
                    <div class="boxBar">
                        <div class="title">
                            学员</div>
                    </div>
                    <ul class="studentbox">
                        <vt:foreach id="students" from="$#.students" item="data" count="20" index="i" remark="学员列表">
            <li><img class="stPhoto" src="{$stpath}{$:#.data.Ac_photo}" default="/Utility/images/head1.jpg"/> &nbsp; </span>
             <vt:if var="data.Ac_Name" value="" compare="="  remark="没有学员姓名">
            (无名)
            <vt:else />
             {$:#.data.Ac_Name}
             </vt:if></li>
             <vt:foreachelse/>
             (没有学员)
          </vt:foreach>
                    </ul>
                </div>
                <div class="box">
                    <div class="boxBar">
                        <div class="title">
                            资讯</div>
                        <div class="more">
                            <a href="/news.ashx">更多&gt;&gt;</a></div>
                    </div>
                    <div class="nolist">
                        <vt:list type="news" item="data" index="i" count="10">
            <div class="item" noid="{$:#.data.no_id}"> <img src="../../images/{$:i}.png"/><a href="/article.ashx?id={$:#.data.art_id}" title="{$:#.data.art_title}"> {$:#.data.art_title}</a>
              <div class="noTime">{$:#.data.art_pushTime  format="[MM-dd]"}</div>
            </div>
          </vt:list>
                    </div>
                </div>
            </div>
        </div>

<script type="text/javascript" src="Sheet.js?ver={$version}"></script>

<script type="text/javascript">
   
        //图片加载错误时，显示默认图片
        $("img").error(function () {
            var errImg = $(this).attr("default");
            if (errImg == null || errImg == '') return false;
            $(this).attr("src", errImg);
        });
   
</script>